<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>全托管卖家中心</title>
	<link rel="shortcut icon" href="./static/image/tts-favicon.png">
	<link rel="stylesheet" type="text/css" href="./static/libs/element-ui/index.css">
	<link rel="stylesheet" type="text/css" href="./static/css/public.css">
	<link rel="stylesheet" type="text/css" href="./static/css/m_tailwind.css">
	<link rel="stylesheet" type="text/css" href="./static/font/iconfont.css">
	<link rel="stylesheet" type="text/css" href="./static/css/资金结算-结算数据.css">
</head>
<body>
	<div id="app" v-cloak>
		<m-layout>
			<div class="m-table-page">
				<div class="m-page-title">结算数据</div>
				<el-tabs class="m-page-tabs px-0 mt-0" v-model="form.aaa">
					<el-tab-pane name="1">
						<span class="text-16" slot="label">已出账</span>
					</el-tab-pane>
					<el-tab-pane name="2">
						<span class="text-16" slot="label">待出账</span>
					</el-tab-pane>
					<el-tab-pane name="3">
						<span class="text-16" slot="label">已取消</span>
					</el-tab-pane>
				</el-tabs>
				<div class="m-page-card">
					<el-form class="m-page-form" size="medium" :model="form" inline label-position="left">
						<el-row :gutter="10">
							<el-col :span="24">
								<el-tabs class="m-page-tabs px-0 mt-0 mb-15" v-model="form.bbb">
									<el-tab-pane name="1">
										<span class="text-16" slot="label">账单数据<i class="ml-5 iconfont icon-wenhao"></i></span>
									</el-tab-pane>
									<el-tab-pane name="2">
										<span class="text-16" slot="label">订单明细<i class="ml-5 iconfont icon-wenhao"></i></span>
									</el-tab-pane>
								</el-tabs>
							</el-col>
							<el-col :span="8">
								<el-form-item label="日期选择">
									<el-date-picker
										v-model="form.bbb"
										type="daterange"
										range-separator="至"
										start-placeholder="开始日期"
										end-placeholder="结束日期">
									</el-date-picker>
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="结算单号">
									<el-select v-model="form.ccc" placeholder="可批量查询，用英文逗号或空格间隔">
										<el-option label="AED321343232" value="1"></el-option>
									</el-select>
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="结算单状态">
									<el-select v-model="form.ddd" placeholder="请选择">
										<el-option label="等待处理" value="1"></el-option>
									</el-select>
								</el-form-item>
							</el-col>
						</el-row>
						<div class="text-right" style="margin-bottom:16px;">
							<el-button size="medium" type="primary">搜索</el-button>
							<el-button size="medium">重置</el-button>
						</div>
					</el-form>
					<div class="flex items-center" style="margin-bottom:35px;">
						<div class="flex-1 w-0">
							<m-alert>
								您已开通资金账户，货款将自动结算到资金账户中，请前往资金账户提现<span class="ml-5 text-primary">去提现</span>
							</m-alert>
							<m-alert>
								如应结算类型为「售后退款」，且尚无宣判单号，宣判单将在之后的2周左右下发。请您收到平台处罚通知后，在「全托管卖家中心 - 成长中心 - 处置中心」查看对应宣判单。如认可宣判单，会进行不结算处理；如不认可，请在48小时内及时申诉。<span class="ml-5 text-primary">操作手册</span>
							</m-alert>
						</div>
						<div class="ml-20">
							<el-button size="medium">导出列表</el-button>
						</div>
					</div>
					<el-table class="m-page-table" border :data="tableData">
						<el-table-column prop="riqi" width="120">
							<template slot="header" slot-scope="scope">
								<span>日期</span><i class="iconfont icon-wenhao ml-5 color-gray-400"></i>
							</template>
						</el-table-column>
						<el-table-column prop="jsdh" label="结算单号"></el-table-column>
						<el-table-column prop="xsgj" label="销售国家" width="120"></el-table-column>
						<el-table-column prop="jszje" label="结算总金额" width="150"></el-table-column>
						<el-table-column prop="jszt" label="结算状态" width="150"></el-table-column>
						<el-table-column prop="fkdid" label="付款单 ID"></el-table-column>
						<el-table-column label="操作" width="150">
							<template slot-scope="scope">
								<el-link type="primary" :underline="false">查看详情</el-link>
							</template>
						</el-table-column>
					</el-table>
					<div class="text-right pt-10">
                        <el-pagination :current-page.sync="pageNo" background layout="prev, pager, next" :total="originData.length"></el-pagination>
                    </div>
				</div>
			</div>
		</m-layout>
	</div>

	<script src="./static/libs/vue2.6.8/vue.min.js"></script>
	<script src="./static/libs/element-ui/index.js"></script>
	<script src="./static/libs/dayjs.min.js"></script>
	<script src="./static/js/Tools.js"></script>
	<script src="./config/资金结算-结算数据.js"></script>
	<script src="./static/components/common.js"></script>
	<script src="./static/js/资金结算-结算数据.js"></script>
</body>
</html>